<template>
  <div class="store">
    <h3>店铺管理</h3>
    <hr />

    <label>
      <span>店铺名称</span>
      <el-input v-model="storename" placeholder="请输入内容"> </el-input>
    </label>

    <label>
      <span>店铺公告</span>
      <el-input type="textarea" size="300" v-model="bulletin"></el-input>
    </label>
    <label> <span>店铺头像</span> <img src="#" /> </label>
    <div>
      <span>店铺图片</span>
      <img src="#" /><img src="#" /> <img src="#" />
    </div>
    <label>
      <span>配送费</span>
      <el-input placeholder="请输入内容" v-model="freight" clearable>
      </el-input>
    </label>
    <label>
      <span>配送时间</span>
      <el-input placeholder="请输入内容" v-model="ordertime" clearable>
      </el-input>
    </label>
    <label>
      <span>配送描述</span>
      <el-input placeholder="请输入内容" v-model="orderinfo" clearable>
      </el-input>
    </label>
    <label>
      <span>店铺评分</span>
      <el-input placeholder="请输入内容" v-model="storegrade" clearable>
      </el-input>
    </label>
    <label>
      <span>销量</span>
      <el-input placeholder="请输入内容" v-model="salesnum" clearable>
      </el-input>
    </label>
    <label>
      <span>添加活动</span>
      <el-input placeholder="请输入内容" v-model="active" clearable> </el-input>
    </label>
    <div>
      <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
        >全选</el-checkbox
      >
      <div style="margin: 15px 0"></div>
      <el-checkbox-group v-model="checkedCities">
        <el-checkbox v-for="city in cities" :label="city" :key="city">{{
          city
        }}</el-checkbox>
      </el-checkbox-group>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      storename: "",
      bulletin: "",
      freight: "",
      ordertime: "",
      orderinfo: "",
      storegrade: "",
      salesnum: "",
      active: "",
      checked3: "",
      checkAll: false,
      checkedCities: ["上海", "北京"],

      isIndeterminate: true,
    };
  },
  methods() {},
};
</script>

<style lang="less" scoped>
.store {
  background: #fff;
  height: 100%;
  label {
    display: flex;
    align-items: center;
    margin: 20px;
    span {
      width: 100px;
    }
    .el-input {
      width: 300px;
    }
  }
}
</style>